* {
    box-sizing: border-box;
}

p, h1, h2, h3, h4, h5, li, span {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    font-size: 12px;
}

@font-face {
    font-family: 'PangMenZhengDao'; // 字体名
    src: url('~@/assets/fonts/PangMenZhengDao.ttf'); // 引入字体
}

@font-face {
    font-family: '方正正中黑简体';
    src: url('~@/assets/fonts/方正正中黑简体.ttf');
}

@font-face {
    font-family: 'iconfont';
    src: url('~@/assets/icons/iconfont.woff2?t=1635470617472') format('woff2'),
        url('~@/assets/icons/iconfont.woff?t=1635470617472') format('woff'),
        url('~@/assets/icons/iconfont.ttf?t=1635470617472') format('truetype');
}

.iconfont {
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// 主体背景色
@theme-backgroundColor-primary: #2364d9;
@theme-backgroundColor-warning: #ffa200;
@theme-backgroundColor-success: #67c23a;
@theme-backgroundColor-danger: #f56c6c;
@theme-backgroundColor-purple: #8a48de;

// 文字颜色
@theme-text-color-primary: #2364d9;
@theme-text-color-warning: #ffa200;
@theme-text-color-success: #67c23a;
@theme-white: #fff;


// 事件穿透
.event-pass {
    pointer-events: none;

    & > * {
        pointer-events: all;
    }
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

// 清除浮动
.clearfix::after,
.clearfix::before {
    content: '';
    display: block;
    clear: both;
}

img {
    width: 100%;
    height: 100%;
}

// 更多按钮样式
.more-span.more-btn {
    cursor: pointer;
    height: 1.42rem;
    font-size: 1rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 1.42rem;
    margin-left: 0.83rem;
}

// 更改 按钮 背景色和边框色
.el-button--primary {
    background-color: @theme-backgroundColor-primary;
    border-color: @theme-backgroundColor-primary;
}

// 表格中的身份证栏的颜色样式
.cardColor {
    cursor: pointer;
    color: @theme-text-color-primary;
}

// 表格中的红色样式
.dangerColor {
    cursor: pointer;
    color: @theme-backgroundColor-danger;
}

// 表格中的 编辑操作按钮
.editBtn {
    color: #67c23a;
    cursor: pointer;
}

// 头部用于筛选的表单  进行flex排列
.flex-form {
    display: flex;
    ::v-deep .btn-item {
        margin: 0;
    }
    ::v-deep .el-form-item--mini.el-form-item,
    .el-form-item--small.el-form-item {
        margin-bottom: 0;
    }
}

// container 白色背景 以及 内边距
.white-box {
    background-color: #fff;
    padding: 2.5rem 2.67rem 3rem 2.33rem;
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
}

.base-table {
    padding-top: 2.42rem;
    padding-bottom: 2.5rem;
}

// 鼠标小手
.cursor-point {
    cursor: pointer;
}

// 反馈弹出框距离顶部设置
.feedback-dialog {
    .el-dialog {
        margin-top: 5vh !important;
    }
}

// 表格里面的头像
.table-img {
    width: 4.17rem;
    height: 4.17rem;
}

::v-deep .add-form,
::v-deep .edit-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    .el-form-item {
        width: 48%;
        .el-form-item__label {
            width: 9.89rem;
            text-align: right;
            color: #333;
        }
        .el-input--mini {
            width: 22.33rem;
        }
        .el-date-editor.el-input,
        .el-date-editor.el-input__inner {
            width: 22.33rem;
        }
    }
    .btn-item {
        justify-content: flex-end;
        margin-top: 4.75rem;
        .el-button {
            padding: 0.58rem 2.17rem;
            line-height: 1.83rem;
            font-size: 1.17rem;
        }
    }
}

// element 相关设置
::v-deep .el-table {
    // padding-top: 2.42rem;
    // padding-bottom: 2.5rem;
    &::before {
        height: 0;
    }
    th,
    .is-leaf {
        background-color: #f7f8fa;
        border-bottom: 0;
        height: 4.58rem;
    }
    th > .cell {
        font-size: 1.17rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #666666;
        line-height: 1.67rem;
        padding-left: 10px;
        padding-right: 9px;
    }
}

// 在 baseTable 组件 内添加此类名 可以设置 表格的行高
.height-table {
    ::v-deep .el-table {
        tbody tr td {
            height: 5.8rem;
        }
    }
}

.el-form {
    .el-form-item {
        display: flex;
        margin-right: 0.92rem;
    }
    .el-date-editor {
        .el-input__inner {
            height: 28px;
            line-height: 28px;
        }
    }
}

.el-button--primary {
    background-color: @theme-backgroundColor-primary;
    border-color: @theme-backgroundColor-primary;
    .icon {
        font-size: 1rem;
    }
}
.el-button--warning {
    background-color: @theme-backgroundColor-warning;
    border-color: @theme-backgroundColor-warning;
    .icon {
        font-size: 1rem;
    }
}

.el-select > .el-input {
    width: 13.5rem;
}

.el-input--mini {
    width: 13.5rem;
}

.el-range-editor--small.el-input__inner {
    width: 27.83rem;
    height: 28px;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 20px;
}

.el-dialog {
    // margin-top: 5vh !important;
}

.el-loading-mask {
    background-color: rgba(255, 255, 255, 1);
}
